Hello Elizabeth.
Sure.
We are going to be creating that extend all see assess file.
We used to start up the project.
I've got my CFS file file open here.
This is a blank file.
So this is where I'm going to be had in the CSA styling war the way this is going to work.
I'm going to add the stylin and then I'll explain what this time line does.
So you then have to watch me all is typing.
All right.
I have added the stylin that we use for this project for the external source as far So to start to apply
Siling to a CML.
You need to have a select select should be in the element you want to style.
So the body here is the selector and what I'm saying is that I want the background colour for your body
to be value.
I have specified in hex value so you can specify the column names.
If you know or use hex decimal values so if you want to know more by its values or what various hex
columns you could just do a Google search you will see a lot more colours.
So that's an H selector has to be enclosed in a daily basis.
The opening and closing and then you specify your style property on the left followed by call on hand
then the value on the right followed by a semicolon the semicolon is important.
If you missed out the stylin will not work.
Line 7 I am stylin the wrapper for the project will it be like a container that will wrap or the other
content.
So have set it to it with the hash tag.
This is an idea I have set with 750 pixels height 350 pixels background colour of specified a name rather
than a hex value marjane from the top.
All I'm saying is that from.
Margin refers to disperse outside the element.
What I am saying here on line 11 is that I want from the top.
I want the space Second want it to drop 120 pixels move down.
That's what I'm saying.
Margin from the left I'm saying from the left I want you to move two hundred and twenty pixels.
That's what that meant.
Right so that's it for that rapine and then we've got the button.
Apply some styling to the button the button is what you click to check.
If you got the answers right or not this darleen have applied to the button here the hash tag again
means.
That's an idea which I defined indication Gitmo document background colour.
I've said it to read again.
I have used that name rather than a hex value.
Law refers to the colour of the actual text in the button.
Pad refers to the space inside the element.
I've said it a 12 pixels which means each.
Each element will have four corners so that 12 pixels would be applied to all four corners.
Top right bottom left border style left Setti to none and the bottom side can give the bottom gives
the button a shadow.
So I've said none which means there'll be no shadow around the button font weight which is how bold
the front will be or how thick set it to bold and they will just give you an A with of a hundred pixels
white so that is all the stylin we need for the external farts.
I just save that and we can go back to our projet just refresh.
See what it looks like.
All right so this is what the projet looks like now with the new external style sheet applied again.
There's no interaction because the javascript has not been implemented but once that's done we should
be able to see some interactivity with this game.
So that's it for this election.
Thanks for watching.
Bye for now.